export const constantRoute = [
  {
    path: '/login',
    component: () => import('@/views/login/index.vue'),
    name: 'login',
    meta: {
      title: 'Home Page',
      hidden: true,
    },
  },
  {
    path: '/',
    component: () => import('@/layout/index.vue'),
    name: 'home',
    redirect: '/home',
    children: [
      {
        path: '/home',
        component: () => import('../views/home/index.vue'),
        meta: {
          title: 'Home',
          hidden: false,
          icon: 'House',
        },
      },
    ],
    meta: {
      title: '',
      hidden: false,
      icon: 'House',
    },
  },
  {
    path: '/screen',
    component: () => import('@/views/screen/index.vue'),
    name: 'screen',
    meta: {
      title: 'Data Screen',
      hidden: false,
      icon: 'DataAnalysis',
    },
  },
  {
    path: '/acl',
    redirect: '/acl/Menu',
    component: () => import('@/layout/index.vue'),
    name: 'acl',
    meta: {
      title: 'Rights Management',
      hidden: false,
      icon: 'Operation',
    },
    children: [
      {
        path: '/acl/Menu',
        component: () => import('../views/acl/Menu/index.vue'),
        name: 'Menu',
        meta: {
          title: 'Menu management',
          hidden: false,
          icon: 'Memo',
        },
      },
      {
        path: '/acl/Role',
        component: () => import('../views/acl/Role/index.vue'),
        name: 'Role',
        meta: {
          title: 'Role management',
          hidden: false,
          icon: 'Rank',
        },
      },
      {
        path: '/acl/User',
        component: () => import('../views/acl/User/index.vue'),
        name: 'User',
        meta: {
          title: 'User management',
          hidden: false,
          icon: 'User',
        },
      },
    ],
  },
  {
    path: '/product',
    component: () => import('@/layout/index.vue'),
    name: 'product',
    meta: {
      title: 'Goods Management',
      hidden: false,
      icon: 'Goods',
    },
    redirect: '/product/Attr',
    children: [
      {
        path: '/product/Attr',
        component: () => import('../views/product/attr/index.vue'),
        name: 'Attr',
        meta: {
          title: 'Attr management',
          hidden: false,
          icon: 'PriceTag',
        },
      },
      {
        path: '/product/Sku',
        component: () => import('../views/product/sku/index.vue'),
        name: 'Sku',
        meta: {
          title: 'Sku management',
          hidden: false,
          icon: 'Connection',
        },
      },
      {
        path: '/product/Spu',
        component: () => import('../views/product/spu/index.vue'),
        name: 'Spu',
        meta: {
          title: 'Spu management',
          hidden: false,
          icon: 'Coin',
        },
      },
      {
        path: '/product/TradeMark',
        component: () => import('../views/product/trademark/index.vue'),
        name: 'TradeMark',
        meta: {
          title: 'Branding',
          hidden: false,
          icon: 'GoldMedal',
        },
      },
    ],
  },
  {
    path: '/404',
    component: () => import('@/views/404/index.vue'),
    name: '404',
    meta: {
      title: '404',
      hidden: true,
    },
  },
  {
    path: '/:pathMatch(.*)*',
    redirect: '/404',
    name: 'Any',
    meta: {
      title: 'any',
      hidden: true,
    },
  },
]

// <!-- <el-menu-item index="1">Home Page</el-menu-item>
// <el-menu-item index="2">Data Screen</el-menu-item>
// <el-sub-menu index="3">
//     <template #title>Rights Management</template>
//     <el-menu-item index="3-1">User Management</el-menu-item>
//     <el-menu-item index="3-2">Role management</el-menu-item>
//     <el-menu-item index="3-3">menu management</el-menu-item>
// </el-sub-menu> -->
